<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
</h:head>
<h:body>
	<p:layoutUnit id="top" position="north" size="15%">
                <p:toolbar>  
    				<p:toolbarGroup align="left">
                	<h3><h:link outcome="home.html" value="TravelDream" /></h3>
                	</p:toolbarGroup>
                	<p:toolbarGroup align="right">
                <h:form>				   
				        <p:commandButton action="#{logoutBean.logout}" value="Logout" />				
			   </h:form>
                	<p:spacer width="10"></p:spacer>               	
                	<p:spacer width="10"></p:spacer>
                	</p:toolbarGroup>
                </p:toolbar>
           </p:layoutUnit>
	<p:tabView id="tabView">  
	  
	    <p:tab id="tab1" title="OUR PACKAGES">  
	    	<h:form>
	        <h:panelGrid columns="2" cellpadding="10">  
	            
	           <p:outputLabel for="from">From:</p:outputLabel>
	        		<p:inputText id="from" value="#{searchBean.basePackage.depLocation}"/>
	        	
	        		<p:outputLabel for="to">To:</p:outputLabel>
	        		<p:inputText id="to" value="#{searchBean.basePackage.arrLocation}"/>
	         	
	         		<p:outputLabel for="calendar">Departure Date:</p:outputLabel>
    				<p:calendar id="calendar" value="#{searchBean.basePackage.depDate}" pattern="MM/dd/yyyy" /> 
	           
	        </h:panelGrid>  
	        
	        <p:commandButton value="Go!" action="#{searchBean.searchBasePackage()}" />	
	        </h:form>
	    </p:tab>  
	  
	    <p:tab id="tab2" title="FLIGHT">  
	    	<h:form>
	    	<h:panelGrid columns="4" cellpadding="10">
	      
	        		<p:outputLabel for="from">From:</p:outputLabel>
	        		<p:inputText id="from" value="#{searchBean.flight.depLocation}"/>
	        	
	        		<p:outputLabel for="to">To:</p:outputLabel>
	        		<p:inputText id="to" value="#{searchBean.flight.arrLocation}"/>
	         	
	         		<p:outputLabel for="calendar">Departure date:</p:outputLabel>
    				<p:calendar id="calendar" value="#{searchBean.flight.date_Time}" pattern="MM/dd/yyyy" /> 
	         	 
	         </h:panelGrid>	     
	        <p:commandButton value="Go!" action="#{searchBean.searchFlight()}" />	 
	        </h:form> 
	      </p:tab>
	       
	  
	    <p:tab id="tab3" title="HOTEL">  
	        <h:form>
	    	<h:panelGrid columns="5" cellpadding="10">
	              	
	        		<p:outputLabel for="city">City:</p:outputLabel>
	        		<p:inputText id="city" value="#{searchBean.hotel.city}"/>
	         	 
	         </h:panelGrid>	     
	        <p:commandButton value="Go!" action="#{searchBean.searchHotel()}" />	 
	        </h:form>  
	    </p:tab>  
	    
	    <p:tab id="tab4" title="EXCURSIONS">
	    	<h:form>
	    	<h:panelGrid columns="2" cellpadding="10">
	      
	        		<p:outputLabel for="city">City:</p:outputLabel>
	        		<p:inputText id="city" value="#{searchBean.excursion.city}"/>
	        		
	        		<p:outputLabel for="calendar">Date:</p:outputLabel>
    				<p:calendar id="calendar" value="#{searchBean.excursion.date}" pattern="MM/dd/yyyy" />
	            		
	         	 
	         </h:panelGrid>	     
	        <p:commandButton value="Go!" action="#{searchBean.searchExcursion()}" />	 
	        </h:form> 	    
	    </p:tab>
	  
</p:tabView>  
</h:body>
</html>
